{extends file="../home.html"}
{block name="title"}{$head_title}{/block}
{block name="css"}
<link rel="stylesheet" type="text/css" href="/Public/Css/front/front_css/system_set.css">
<style type="text/css">
	body{
		background-color: #fff;
	}
</style>
{/block}
{block name="content"}
<div class="title">
	
	<div class="return_icon"></div>
	<p><strong>修改账号密码</strong></p>
</div>

<div class="phone_number">
	<span class="icon_phone"></span>
	<span class="phone">13888888888</span>
</div>
<div class="verification">
	<span class="icon_veri"></span>
	<input type='number' placeholder="输入验证码" class="input_veri">
	<span class="get_veri">获取验证码</span>
</div>
<div class="new_psw">
	<span class="icon_key"></span>
	<input type="password" placeholder="设置新密码" class="input_new">
</div>

<span class="done">完成</span>

<!--验证码已发送弹框-->
<div class="veri_sent">
	<span class="tanchuang_success"></span>
	<span class="w">验证码已发送</span>
</div>
{/block}
{block name="js"}
{literal}
<script type="text/javascript">
$('.return_icon').on('click',function(){
	window.location.href = '/Index/account_safe'
});
var time=60;
var clock='';
	$('.get_veri').on('click',function(){
		$(this).addClass('un_click');
		$(this).unbind('click');
		$(this).html(time+'秒后可重新获取');
		clock = setInterval(doLoop, 1000);
		get_verification();
	});

	function doLoop()
 {
 time--;
 if(time > 0){
  $('.get_veri').html(time+'秒后可重新获取');
 }else{
  clearInterval(clock); //清除js定时器
  $('.get_veri').html('获取验证码');
  $('.get_veri').addClass('can_click');
  time = 60; //重置时间
  $('.get_veri').on('click',function(){
		$(this).removeClass('can_click');
		$(this).addClass('un_click');
		$(this).unbind('click');
		$(this).html(time+'秒后可重新获取');
		clock = setInterval(doLoop, 1000);
		get_verification();
	});
 }
 }
 //获取验证码
 function get_verification(){
 	$('.veri_sent').fadeIn(1500);
 	$('.veri_sent').fadeOut(1500);
 	console.log(1);
 }
</script>
{/literal}
{/block}
